<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

    <head>
      <meta charset="UTF-8">
      <title>Title</title>
      <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
    </head>

    <body>
    <div th:replace="common/top">

    </div>
    <div id="Content">
      <div class="check-div form-inline">
        <div class="col-xs-4">
          <form action="/user" method="get" >
            <input type="text" class="form-control input-sm" name="username" placeholder="输入username搜索">
            <button class="btn btn-white btn-xs " type="submit" >查 询 </button>
          </form>
        </div>
        <div class="col-xs-4">
          <form>
            <input type="text" class="form-control input-sm" name="username" placeholder="输入firstName搜索">
            <button class="btn btn-white btn-xs " type="submit">查 询 </button>
          </form>
        </div>

        <div class="col-xs-4">
          <form>
            <input type="text" class="form-control input-sm" name="userId" placeholder="输入userId搜索">
            <button class="btn btn-white btn-xs " type="submit">查 询 </button>
          </form>
        </div>

        <div class="col-lg-3 col-lg-offset-2 col-xs-4" style=" padding-right: 40px;text-align: right;">
          <form>
            <select>
              <option value="上架中">上架中</option>
              <option value="未上架">未上架</option>
            </select>
            <button class="btn btn-white btn-xs " type="submit">查 询 </button>
          </form>
        </div>
      </div>

      <div  style="overflow-y:auto;width:100%;height: 560px;border-top: 1px solid blue;">
        <table class="table table-striped">
          <tr>
            <th>itemid</th>
            <th>productid</th>
            <th>listprice</th>
            <th>unitcost</th>
            <th>supplier</th>
            <th>status</th>
            <th>description</th>
            <th>操作</th>
          </tr>
          <tr th:each="item:${itemList}">
            <td th:text="${item.itemId}"></td>
            <td th:text="${item.productId}"></td>
            <td th:text="${item.listPrice}"></td>
            <td th:text="${item.unitCost}"></td>
            <td th:text="${item.supplierId}"></td>
            <td th:text="${item.status}"></td>
            <td th:text="${item.attribute1}"></td>
            <td> <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#changeChar">修改</button>
              <button class="btn btn-danger btn-xs" data-toggle="modal" data-target="#deleteChar">删除</button>
            </td>
          </tr>

        </table>

        <form method="post">
          <table>
            <tr><td>新增</td></tr>
            <tr><td><input type="text" name="username" placeholder="新增产物品Id"></td></tr>
            <tr><td><input type="text" name="username" th:value="${product.productId}"></td></tr>
            <tr><td><input type="text" name="username" placeholder="新增类别名"></td></tr>
            <tr><td><input type="text" name="username" placeholder="新增单价"></td></tr>
            <tr><td><input type="text" name="username" placeholder="新增供应商id"></td></tr>
            <tr><td><input type="text" name="username" placeholder="状态"></td></tr>
            <tr><td><input type="text" name="username" placeholder="描述"></td></tr>
            <tr><td><button class="btn btn-white btn-xs " type="submit"> 添加 </button></td></tr>
          </table>

        </form>
      </div>


    </div>

      <div th:replace="common/bottom">

      </div>
    </body>
</html>